<script>
export default {
  name:'About',
  methods:{

  }
}

</script>

<template>
  <div>About.vue</div>

  <router-link to="/about/bar?username=xia">bar</router-link> |
  <!--  隐式传递参数-->
  <router-link to="/about/foo">foo</router-link> |

  <!--  同时同级展示多个组件-->
  <router-view></router-view>

</template>

<style scoped>

</style>